<!DOCTYPE html>
<html>
<head>
    {% load static %}
    {% load i18n static %}
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{% block title %}Zeaning Admin Examples{% endblock %}</title>
    <meta name="apple-mobile-web-app-title" content="{{ title }}"/>
    <meta name="apple-mobile-web-app-title" content="{{ title }}"/>
    <meta name="description" content="这是一个 index 页面">

    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" type="image/png" href="{% static "i/favicon.png" %}">
    <link rel="apple-touch-icon-precomposed" href="{% static "i/app-icon72x72@2x.png" %}">

    <link rel="stylesheet" href="{% static "css/amazeui.min.css" %}"/>
    <link rel="stylesheet" href="{% static "css/admin.css" %}">
    <link rel="stylesheet" href="{% static "css/app.css" %}">
</head>

<body data-type="login">
<div class="am-g myapp-login">
    <div class="myapp-login-logo-block  tpl-login-max">
        <div class="myapp-login-logo-text">
            <div class="myapp-login-logo-text">
                Amaze UI<span> Login</span> <i class="am-icon-skyatlas"></i>
            </div>
        </div>

        <div class="login-font">
            <i>Log In </i> or <span> Sign Up</span>
        </div>

        <div class="am-u-sm-10 login-am-center">
            <form action="{{ app_path }}" method="post" id="login-form" class="am-form"
                  name="loginform">{% csrf_token %}
                <fieldset>
                    <div class="am-form-group">
                        {#                            <input type="email" class="" id="doc-ipt-email-1" placeholder="输入电子邮件">#}
                        <div class="uinArea" id="uinArea">
                            {{ form.username.errors }}
                            {#                                <label for="id_username" class="input-tips">{{ form.username.label }}:</label>#}
                            <div class="inputOuter" id="uArea">
                                {{ form.username }}
                            </div>
                        </div>
                    </div>
                    <div class="am-form-group">
                        {#                            <input type="password" class="" id="doc-ipt-pwd-1" placeholder="设置个密码吧">#}

                        <div class="pwdArea" id="pwdArea">
                            {{ form.password.errors }}
                            {#                                <label for="id_password" class="input-tips">{% trans 'Password:' %}</label>#}
                            <div class="inputOuter" id="uArea">
                                {{ form.password }}
                                {#                                    {% url 'accounts:password_reset' as password_reset_url %}#}
                                {#                                    <a href="{{ password_reset_url }}" style="float: left; margin-top: -8px; margin-left: 90px;">{% trans 'Reset password' %}</a>#}
                                {#                                    {% if password_reset_url %}#}
                                {#                                        <a href="{% url "accounts:register" %}" style="float: right; margin-top: -8px;">{% trans 'Register' %}</a>#}
                                {#                                    {% endif %}#}
                            </div>
                        </div>

                    </div>
                    <input type="hidden" name="next" value="{{ next }}"/>
                    <p>
                        <button type="submit" class="am-btn am-btn-default">{% trans 'Login' %}</button>
                    </p>
                </fieldset>
            </form>
        </div>

        <div class="login-font">
            {% if form.errors and not form.non_field_errors %}
                <p class="errornote">
                    {% if form.errors.items|length == 1 %}
                        <span>{% trans "Please correct the error below." %}</span>
                    {% else %}
                        <span>{% trans "Please correct the errors below." %}</span>
                    {% endif %}
                </p>
            {% endif %}

            {% if form.non_field_errors %}
                {% for error in form.non_field_errors %}
                    <p class="errornote">
                        <span>{{ error }}</span>
                    </p>
                {% endfor %}
            {% endif %}
        </div>
    </div>
</div>

<script src="{% static "js/jquery.min.js" %}"></script>
<script src="{% static "js/amazeui.min.js" %}"></script>
<script src="{% static "js/app.js" %}"></script>
<script type="text/javascript">
    document.getElementById('id_username').focus()
</script>
</body>

</html>